<!-- src/layouts/AccountLayout.vue -->

<script setup lang="ts">
import MainNav from "./components/MainNav.vue";

</script>

<template>
  <div class="flex min-h-screen w-full flex-col">
    <MainNav />

    <main class="flex min-h-[calc(100vh_-_theme(spacing.16))] flex-1 flex-col gap-4 bg-muted/40 p-4 md:gap-8 md:p-10">
      <div class="mx-auto grid w-full max-w-6xl">
        <router-view></router-view>
      </div>
    </main>
  </div>
</template>
